<template>
  <h1>气泡卡片</h1>
  <el-popover
      placement="top-start"
      title="Title"
      :width="200"
      trigger="hover"
      content="this is content, this is content, this is content"
  >
    <template #reference>
      <el-button class="m-2">Hover to activate</el-button>
    </template>
  </el-popover>

  <br>

  <el-popover  title="欢迎访问管理系统" width="200px">
      <template #reference>
          <el-icon size="100"><User/></el-icon>
      </template>
    <div style="text-align: center">
      <el-button type="primary">个人中心</el-button>
      <el-button type="info">退出</el-button>

    </div>
  </el-popover>
</template>

<script>

</script>

<style scoped>

</style>